<template>
	<view>
		<cu-custom bgColor="bg-white" :isBack="true">
			<block slot="content">
				<view class="custom-title">提交成功</view>
			</block>
		</cu-custom>
		<view class="padding-left padding-right">
			<view class="text-center padding-top-72">
				<image src="https://txr001.zthj.net/static/success.png" class="success-img"></image>
				<view v-if="type==1" class="success-title">企业基本信息提交成功</view>
				<view v-if="type==2" class="success-title">企业认证信息提交成功</view>
				<view v-if="type==3" class="success-title">碳普惠自愿减排数据交易账户<br>开户信息提交成功</view>
				<view v-if="type!=3" class="next-title">继续开启后续信息填报</view>
				<view v-else class="successs-info">我们会在收到线下材料后7个工作日内容审核完成</view>
			</view>
			
			<view class="flex align-center justify-center margin-top-sm">
				<button class="cu-btn back-btn" @click="goBack">返回我的</button>
			</view>
			<!-- <view v-if="type==1" class="next-choose" @click="isShow=true">
				<view class="next-choose-title">
					青牒碳账户认证
				</view>
				<view class="next-choose-desc">
					Green passport approve
				</view>
				<view class="padding-top-24">
					<image src="../..https://txr001.zthj.net/static/right.png" class="right-img"></image>
				</view>
			</view> -->
			
			<view v-if="type==1" class="next-choose-two" @click="toQingCarbon">
				<view class="next-choose-title">
					碳普惠自愿减排数据交易
				</view>
				<view class="next-choose-desc">
					Carbon Inclusive Voluntary Emission <br>Reduction Data Trading
				</view>
				<view class="padding-top-24 padding-bottom">
					<image src="https://txr001.zthj.net/static/right.png" class="right-img"></image>
				</view>
			</view>
			<view class="mask" v-if="isShow">
				<view class="mask-content">
					<view class="info-title text-center">青牒碳账户数据授权</view>
					<view class="info-desc">
						欢迎使用“青牒碳账户”,我们非常重视您的个人信息和隐私保护。请点击“同意”并开始使用我们的产品和服务,我们尽全力保护您的个人信息安全。
					</view>
					<view class="flex flex-wrap justify-center align-center">
						<button class="cu-btn round no-agree" @click="isShow=false">不同意</button>
						<button class="cu-btn round agree-btn" @click="toQingCarbon">同意</button>
					</view>
				</view>
			</view>
			<!-- <view class="mask" v-if="isShow && type==2">
				<view class="mask-content">
					<view class="info-title text-center" style="color:#24458E;">预约成功</view>
					<view class="info-desc">
						您已成功预约“碳普惠自愿减排数据交易账户”开户服务。开通渠道将于5月10日正式上线，届时会以短信（电话）形式告知，敬请留意！更多详情请关注“青牒碳账户”公众号。
					</view>
					<view class="flex flex-wrap justify-center align-center">
						<button class="cu-btn round no-agree" @click="isShow=false">不同意</button>
						<button class="cu-btn round agree-btn" @click="toQingCarbon">确定</button>
					</view>
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type:"",
				isShow:false,
			}
		},
		onLoad(options) {
	        this.type=options.type
		},
		methods: {
			toQingCarbon(){
				if(this.type==1){
					uni.navigateTo({
						url:"/subpackage/pages/mine/company/trafficAccount"
					})
				}else{
					uni.redirectTo({
						url:"/pages/type/index"
					})
				}
			},
			goBack(){
				uni.switchTab({
					url:'/pages/mine/index'
				})
			}
		}
	}
</script>
<style scoped>
	page{
		background-color: #fff;
	}
	.back-btn{
		width: 176rpx;
		height: 64rpx;
		border-radius: 32rpx;
		border: 2rpx solid #D9D9D9;
		font-size: 28rpx;
		color: #010101;
	}
</style>